.el-breadcrumb {
    font-size: 12px;
    line-height: 24px;
}
.el-breadcrumb::after,
.el-breadcrumb::before {
    display: table;
    content: "";
}
.el-breadcrumb::after {
    clear: both;
}
.el-breadcrumb__separator {
    margin: 0 14px;
    font-weight: 700;
    color: #c0c4cc;
    i {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #80848f;
        border-right: 1px solid #80848f;
        position: relative;
        top: 8px;
        left: -2px;
        transform: rotate(45deg);
    }
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none;
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #1c2438;
}
.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: $main-color;
    cursor: pointer;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: #80848f;
    cursor: text;
}
